$direction: (l left, r right, t top, b bottom);
@for $i from 1 through 60 {
  @each $type in m, p, v, h, a{
    
    @if $type == m {
      @each $d in $direction{
        .us-m#{nth($d, 1)}#{$i} {
          margin-#{nth($d, 2)}: #{$i}rpx;
        }
      }
    }

    @else if $type == p {
      @each $d in $direction{
        .us-p#{nth($d, 1)}#{$i} {
          padding-#{nth($d, 2)}: #{$i}rpx;
        }
      }
    }

    @else if $type == h {
      .us-ph#{$i} {
        padding-left: #{$i}rpx;
        padding-right: #{$i}rpx;
      }

      .us-mh#{$i} {
        margin-left: #{$i}rpx;
        margin-right: #{$i}rpx;
      }
    }

    @else if $type == v {
      .us-pv#{$i} {
        padding-top: #{$i}rpx;
        padding-bottom: #{$i}rpx;
      }
	  .us-mv#{$i} {
	    margin-top: #{$i}rpx;
	    margin-bottom: #{$i}rpx;
	  }
    }

    @else {
      .us-pa#{$i} {
        padding: #{$i}rpx;
      }
	  .us-ma#{$i} {
	    margin: #{$i}rpx;
	  }
    }
  }
}